* {
padding: 0;
margin: 0;
}

/*父容器样式*/
 body {
background-color: #272727
} 

 .carousel {
position: relative;
margin: 0 auto;
top: 1rem;
border: 0.01rem solid #000;
} 

.slider-main-img {
position: absolute;
top: 0;
left: 0;
}

.slider-ctrl {
/*圆圈位置*/
position: absolute;
bottom: 0.05rem;
left: 50%;
transform: translate(-50%);
}

.slider-ctrl-con {
display: inline-block;
/*圆圈大小*/
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
/*圆圈开始颜色*/
background-color: #fff;
/*圆圈间距*/
margin-right: 0.4rem;
/*圆圈手势*/
cursor: pointer;
}

.slider-ctrl .slider-ctrl-con-active {
/*圆圈变更颜色*/
background-color: #000;
}